/*公共样式*/
.fl {
	float: left;
}
.fr {
	float: right;
}
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/icomoon.eot?7kkyc2');
	src:  url('../fonts/icomoon.eot?7kkyc2#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?7kkyc2') format('truetype'),
		url('../fonts/icomoon.woff?7kkyc2') format('woff'),
		url('../fonts/icomoon.svg?7kkyc2#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fr .icomoon {
	font-family: 'icomoon';
	font-size: 16px;
	line-height: 25px;
}
.red-color {
	color: #c81623;
}
/*版心*/
.w {
	width: 1200px;
	margin: 0 auto;
}

/* 顶部快捷导航栏 */
.shortcut {
	height: 30px;
	background-color: #f1f1f1;
	line-height: 30px;
}
.shortcut li {
	float: left;
}
.shortcut .fl li {
	margin-right: 12px; 
}
.shortcut li .red-color {
	margin-left: 11px;
}
.shortcut .fr .line {
	width: 1px;
	height: 14px;
	background-color: #666;
	margin: 8px 12px 0;
}
/* 顶部快捷导航 end */

/* ---- header start ---- */
.header {
	position: relative;
	height: 106px;
}

/* logo */
.header .logo {
	position: absolute;
	top: 25px;
	left: 0;
	width: 175px;
	height: 58px;
}
/* 将logo链接的文字隐藏，两种方法 */
.header .logo a {
	display: block;
	/* overflow: hidden; */
	width: 175px;
	height: 58px;
	background: url(../img/logo.png) 0 -11px no-repeat;
	/* text-indent: -999px; */
	font-size: 0;
}

/* 搜索条 */
.header .search {
	display: flex;
	position: absolute;
	top: 25px;
	left: 348px;
	width: 536px;
	height: 36px;
	border: 2px solid #b1191a;
}
.header .search .text {
	flex: 1;
	border: none;
	padding: 0 10px;
	font-size: 14px;
	color: #ccc;
}
.header .search .btn {
	width: 82px;
	height: 36px;
	background-color: #b1191a;
	font-size: 16px;
	color: #fff;
}
/* 搜索框下链接 */
.header .hotword {
	position: absolute;
	top: 65px;
	left: 348px;
	margin: 0 12px;
	line-height: 36px;
	font-size: 13px;
}
.header .hotword a {
	margin-right: 10px;
}

/* 购物车 */
.header .shopcar {
	position: absolute;
	top: 25px;
	right: 65px;
	width: 142px;
	height: 36px;
	border: 1px solid #dfdfdf;
	font-size: 14px;
	text-align: center;
	line-height: 31px;
	background-color: #f7f7f7;
}
.header .shopcar .text {
	margin: 0 6px 0 4px;
}
.header .shopcar .car {
	font-family: 'icomoon';
	color: #db5e5e;
	font-size: 15px;
}
.header .shopcar .arrow {
	font-family: 'icomoon';
	font-size: 18px;
}
.header .shopcar .count {
	position: absolute;
	top: -5px;
  left: 100px;
	padding: 1px 3px;
	background-color: #b1191a;
	line-height: 14px;
	text-align: center;
	color: #fff;
	border-radius: 6px 6px 6px 0;
}
/* ---- header end ---- */

/* nav start */
.nav {
	height: 45px;
	border-bottom: 2px solid #b1191a;
}
.nav .w {
	/* display: flex; */
}
.dropdown {
	position: relative;
	width: 209px;
	height: 45px;
}
.navitems {
	/* flex: 1; */
}
.dropdown .dt {
	width: 100%;
	height: 100%;
	background: #b1191a;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
}
.dropdown .dd {
	position: absolute;
	top: 47px;
	left: 0;
	width: 100%;
	height: 465px;
	background-color: #c81623;
}
.dd li {
	position: relative;
	margin-left: 1px;
}
.dd li a{
	display: inline-block;
	width: 100%;
	height: 30px;
	padding: 0 10px;
	line-height: 30px;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	transition: all .5s;
}
.dd li a:hover,
.dd li a.active {
	padding: 0 20px;
	background-color: #fff;
	color: #c81623;
}
.dd li .arrow {
	float: right;
	position: absolute;
	top: 4px;
	right: 10px;
	color: #fff;
	font-family: 'icomoon';
	font-size: 16px;
}
/* 右侧导航栏 */
.navitems {
	margin-left: 10px;
}
.navitems li {
	float: left;
}
.navitems li a {
	display: block;
	padding: 0 25px;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
	color: #666;
}
.navitems li a:hover {
	color: #b1191a;
}
/* nav end */

/* footer 部分  */
.footer {
	box-sizing: border-box;
	padding-top: 28px;
	height: 416px;
	background-color: #f5f5f5;
}
.mod_service {
	display: flex;
	justify-content: space-between;
	height: 110px;
	border-bottom: 1px solid #ccc;
	padding: 0 38px;
}
.mod_service dl {
	display: flex;
	height: 50px;
	margin-right: 76px;
}
.mod_service dt {
	width: 50px;
	height: 50px;
	background-color: #b1191a;
	margin-right: 5px;
	border-radius: 50%;
	line-height: 50px;
	text-align: center;
}
.mod_service dd {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mod_service .title {
	font-size: 14px;
	font-weight: bold;
}

/* mod_help  */
.mod_help {
	margin: 10px 0 20px;
}
.mod_help dl {
	float: left;
	margin: 0 50px;
}

.mod_help dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}
.mod_help dd {
	line-height: 20px;
}

/* mod_copyright */
.mod_copyright {
	padding-top: 10px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.mod_copyright .link {
	line-height: 34px;
}
.mod_copyright span {
	display: inline-block;
	width: 1px;
	height: 14px;
	margin: 0 6px;
	vertical-align: middle;
	background-color: #666;
}